<!--
 * @Author: tianhao
 * @Date: 2022-07-07 20:28:22
 * @LastEditTime: 2022-07-08 14:37:08
 * @LastEditors: tianhao
 * @Description: 
 * @FilePath: \ShiXun\vue3-project\src\views\YouXianGou.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
  <div class="youxiangou">
    <div class="ma">
    <van-nav-bar
      class="myNavBar"
      title="我的优先购码"
      left-arrow
      @click-left="goBack()"
    >
    </van-nav-bar>
    </div>
    <div class="daohang">
     <van-tabs >
  <van-tab title="可使用" name="a">
    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mijia-m/production/yrn-buz-shop-center/res/images/no_result/no_result_order_gray.png" alt=""><br>
  暂无数据<br>去有品首页看看吧
  </van-tab>
  <van-tab title="已分享" name="b">
    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mijia-m/production/yrn-buz-shop-center/res/images/no_result/no_result_order_gray.png" alt=""><br>
  暂无数据<br>去有品首页看看吧
    </van-tab>
  <van-tab title="已失效" name="c">
    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mijia-m/production/yrn-buz-shop-center/res/images/no_result/no_result_order_gray.png" alt=""><br>
  暂无数据<br>去有品首页看看吧
    </van-tab>
</van-tabs>
</div>
     </div>
     
</template>

<script setup>

import { useRouter } from "vue-router";
const router = useRouter();


const goBack = () => {
  router.push("asset");
};

</script>

<style lang="less" scoped>
.daohang{
    position: absolute;top: 40px;
    width: 100%;
    font-size: 15px;
    img{
        width: 200px;
        height: 200px; 
    }
}

</style>